<template>
	<view class="nav_tab">
		<view :style="{'height':statusBarHeight+'rpx'}"></view>
		<view class="head_tab">
			<!-- <image src="/static/newProject/logo.png" mode="" @click="go_back"></image> -->
			<view class="title_view">{{tab_title1}}</view>
			<image src="../../static/map.png" mode="" @click="$fun.jump(`/pages/fb/fb`)"></image>
		</view>
	</view>

</template>

<script>
	export default {
		props: {
			title: { // 当前页面index
				type: String,
				default: "系统信息"
			},
		},
		data() {
			return {
				tab_title: this.$t('home.name1'),
				statusBarHeight: 0
			}
		},
		computed:{
			tab_title1(){
				return this.$t('home.name1')
			}
		},
		onShow() {

		},
		created() {
			var that = this
			uni.getSystemInfo({
				success(res) {
					console.info('系统信息...', res)
					that.statusBarHeight = res.statusBarHeight * 2
				}
			})
		},
		methods: {
			go_back: function() { // 返回上一页
				// uni.navigateBack({
				// 	delta:1
				// })
			}
		},

	}
</script>

<style lang="scss">
	.nav_tab {
		width: 100%;
		// position: fixed;
		// z-index: 1;
		// top: 0rpx;
	}

	.head_tab {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 96rpx;
		text-align: center;
		// background-color: #FFFFFF;
		position: relative;

		image {
			width: 150rpx;
			height: 48rpx;
			margin-left: 30rpx;
			z-index: 2;
		}

		.title_view {
			font-weight: 600;
			font-size: 36rpx;
			color: #FFFFFF;
			// line-height: 36rpx;
			text-align: left;
			font-style: normal;
		}
	}
</style>